<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/at.css">
    <link rel="stylesheet" href="../css/fangdajing.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../images/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/footer2.css">
</head>

<body>
    <div id="top">
        <div class="banxin">
            <div class="l">
                <div class="tm">
                    <span class="iconfont icon-shouye"><a href="01shouye.html">天猫首页</a></span>
                    <span>喵，欢迎来天猫</span>
                    <span><a href="02dengluye.html">请登录</a></span>
                    <span><a href="03zhuceye.html">免费注册</a></span>
                </div>
            </div>
            <div class="r">
                <ul class="taobao">
                    <li>
                        <a href="#">我的淘宝</a>
                        <span class="iconfont icon-arrow-down
                        "></span>
                        <ul>
                            <li>已买到的宝贝</li>
                            <li>已卖出的宝贝</li>
                        </ul>
                    </li>
                    <li>
                        <span class="iconfont icon-gouwuche
                        "></span>
                        <a href="07gouwuche.html">购物车</a>
                    </li>
                    <li>
                        <a href="#">收藏夹</a>
                        <span class="iconfont icon-arrow-down
                        "></span>&nbsp;&nbsp;&nbsp;<span>|</span>
                        <ul>
                            <li>收藏的宝贝</li>
                            <li>收藏的店铺</li>
                        </ul>

                    </li>
                    <li>
                        <span class="iconfont icon-shouji
                        "></span>
                        <a href="#">手机版</a>
                        <ul>
                            <li><img src="../images/ewm.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">淘宝网</a>
                    </li>

                    <li>
                        <a href="#">商家支持</a>
                        <span class="iconfont icon-arrow-down
                        "></span>
                        <ul>
                            <li><b>商家：</b></li>
                            <li><a href="#">商家中心</a></li>
                            <li><a href="#">商家入驻</a></li>
                            <li><a href="#">商家品控</a></li>
                            <li><a href="#">天猫智库</a></li>
                            <li><a href="#"><b>帮助：</b></a></li>
                            <li><a href="#">商家服务大厅</a></li>
                            <li><a href="#"></a>问商家</li><br>
                        </ul>
                    </li>

                    <li>
                        <span class="iconfont icon-daohang
                        "></span>
                        <a href="#">网站导航</a>
                        <span class="iconfont icon-arrow-down
                        "></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- --------------第二栏  搜索------------------------------------- -->
    <div id="sousuo">
        <div class="banxin">
            <div class="zuo">
                <div class="t">
                    <!-- 图片 -->
                    <div class="tp">
                        <img src="../images/tm.png">
                    </div>
                    <!-- 客服 -->
                    <div class="kf">
                        <b>安踏官方网站</b><br>
                        <img src="../images/kf.png" alt="">
                    </div>
                    <div class="wuliu">
                        <p>描述服务物流</p>
                        <p>4.8-4.8-4.8<span class="iconfont icon-jiantou1"></span></p>
                        <div class="wjiantou"><span class="iconfont icon-arrow-down
                        "></span></div>
                    </div>
                    <!-- 二维码 -->
                    <div class="erweima">
                        <p>手机逛</p>
                        <span class="iconfont icon-erweima
                        "></span>
                        <span class="iconfont icon-arrow-down
                        "></span>
                        <div class="ewm"></div>
                    </div>
                </div>
            </div>
            <div class="you">
                <input type="text" id="ssk" placeholder="  搜索 天猫 商品/品牌/店铺">
                <div class="stm"><a href="#">搜天猫</a></div>
                <div class="sbd"><a href="#">搜本店</a></div>
            </div>
        </div>
    </div>

    <div id="anta">
        <div class="banxin">
            <div class="logo"><a href="#"><img src="../images/logo_03.jpg" alt=""></a></div>
            <!-- 搜索框 -->
            <div class="suk">
                <input type="text" id="oIp">
                <a href="#">
                    <span class="iconfont icon-fangdajing"></span>
                </a>
            </div>
        </div>
    </div>
    <!--  导航栏  -->
    <div id="dhl">
        <div class="banxin">
            <div class="nav">
                <ul>
                    <li><a href="01shouye.html">首页</a></li>
                    <li><a href="06feileiye.html">所有分类</a></li>
                    <li>
                        <a href="#">男子系列</a>
                        <ul>
                            <li>
                                <a href="#">鞋类</a>
                            </li>
                            <li><a href="#">跑步鞋</a></li>
                            <li><a href="#">板鞋</a></li>
                            <li><a href="#">篮球鞋</a></li>
                            <li><a href="#">凉鞋</a></li>
                            <li><a href="#">拖鞋</a></li>
                            <li><a href="#">KT</a></li>
                            <li><a href="#">炙热</a></li>
                            <li><a href="#">霸道</a></li>
                        </ul>

                    <li>
                        <a href="#">女子系列</a>
                        <ul>
                            <li><a href="#">服装</a></li>
                            <li><a href="#">T恤</a></li>
                            <li><a href="#">卫衣</a></li>
                            <li><a href="#">运动套装</a></li>
                            <li><a href="#">运动长裤</a></li>
                            <li><a href="#">运动套装</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">儿童系列</a>
                        <ul>
                            <li><a href="#">跑鞋/休闲鞋</a></li>
                            <li><a href="#">篮球鞋</a></li>
                            <li><a href="#">T恤</a></li>
                            <li><a href="#">裤子</a></li>
                            <li><a href="#">凉鞋</a></li>
                            <li><a href="#">拖鞋</a></li>
                            <li><a href="#">KT</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">ANTA科技</a>
                    </li>
                    <li>
                        <a href="#">东奥国旗系列</a>
                        <ul>
                            <li><a href="#"><img src="../images/dah.png" alt=""></a></li>
                        </ul>
                    </li>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 放大镜 -->
    <div id="fangdajing">
        <div class="banxin">
            <div id="box">
                <div id="smallbox">
                    <img src="../images/ja5.png" alt="">
                    <div id="mask"></div>
                </div>
                <div id="bigbox">
                    <img src="../images/ja5.png" alt="">
                </div>
                <video style="width: 350px; height: 350px; position: absolute; top: 0px;" src="../less/shiping.mp4" id="vd" controls loop></video>
            </div>
            <!-- 内容页 -->
            <div class="lr">
                <p><a href="#">kt1 pro安踏氮科技专业实战高帮篮球鞋男2021秋冬季汤普森运动鞋</a></p>
                <p><a href="07gouwuche.html">官方旗帜保障 7天无理由对换</a></p>
                <!-- 聚划算 -->
                <div class="jhs">
                    <h2>聚划算<span>此商品正在参加聚划算，<a>8天0小时</a>后结束，请尽快购买！</span></h2>
                </div>
                <!-- 价格 -->
                <div class="jiage">
                    <p>价格<span>￥<del>539.00-639.00</del></span></p>
                    <p>价格<span>￥539.00</span><a>聚划算</a></p>
                </div>
                <!-- 运费 -->
                <div class="yunfei">
                    <span>运费</span>
                    <span>广东至</span>
                    <span>西安</span>
                    <span class="iconfont icon-arrow-down"></span>
                    <span>高新区</span>
                    <span class="iconfont icon-arrow-down"></span>
                    <span>快递快运</span>
                </div>
                <!-- 销量 -->
                <div class="xiaoliang">
                    <span>月销量<a>8万+</a></span>
                    <span>累计销量<a>19949</a></span>
                    <span>送天猫积分<a>269</a></span>
                </div>
                <!-- 优惠券 -->
                <div class="youhui">
                    <div class="l">惠</div>
                    <div class="r">查看更多同款：<span>￥539</span></div>
                    <div class="l">券</div>
                    <div class="r">￥-1 限时好券 <span>速领</span></div>
                </div>
                <!-- 鞋码 -->
                <div class="xiema">
                    <p>鞋码</p>
                    <p><a href="#">39</a></p>
                    <p><a href="#">40</a></p>
                    <p><a href="#">40.5</a></p>
                    <p><a href="#">41</a></p>
                    <p><a href="#">42</a></p>
                    <p><a href="#">42.5</a></p>
                    <p><a href="#">43</a></p>
                    <p><a href="#">44.5</a></p>
                    <p><a href="#">35.5</a></p>
                    <p><a href="#">36</a></p>
                    <p><a href="#">36.5</a></p>
                    <p><a href="#">28</a></p>
                    <p><a href="#">38.5</a></p>
                </div>
                <!-- 图片 -->
                <div class="tupian">
                    <p>颜色分类</p>
                    <p><a href="somallBox"><img src="../images/ss1.jpg" alt=""></a></p>
                    <p><a href="#"><img src="../images/ss2.jpg" alt=""></a></p>
                    <p><a href="#"><img src="../images/ss9.jpg" alt=""></a></p>
                    <p><a href="#"><img src="../images/ss14.jpg" alt=""></a></p>
                    <p><a href="#"><img src="../images/ss16.jpg" alt=""></a></p>
                    <p><a href="#"><img src="../images/ss17.jpg" alt=""></a></p>
                    <p><a href="#"><img src="../images/ss1.jpg" alt=""></a></p>
                    <p><a href="#"><img src="../images/ss19.jpg" alt=""></a></p>
                    <p><a href="#"><img src="../images/ss16.jpg" alt=""></a></p>
                    <p><a href="#"><img src="../images/ss5.jpg" alt=""></a></p>
                    <p><a href="#"><img src="../images/ss3.jpg" alt=""></a></p>
                    <p><a href="#"><img src="../images/ss4.jpg" alt=""></a></p>
                    <p><a href="#"><img src="../images/ss8.jpg" alt=""></a></p>
                </div>
                <!-- 数量 -->
                <div class="shuliang">
                    <p>数量</p>
                   <p><input type="text"></p>
                   <P>库存15641件</P>
                </div>
                <!-- 服务 -->
                <div class="fuwu">
                    <p>服务</p>
                    <P><a href="#">专业清洗鞋履洗护一双 ￥：5.50</a></P>
                </div>
                <!-- 花呗 -->
                <div class="huabei">
                    <p>花呗</p>
                    <p><a href="02dengluye.html">登录</a>后确认是否享有该服务<a href="#">什么是花呗分期</a></p>
                    <!-- 购买 -->
                    <div class="goumai">
                        <p><a href="07gouwuche.html">立即购买</a></p>
                        <p><a href="07gouwuche.html">加入购物车</a></p>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div id="foot">

        <!-- 旺铺 -->
        <div id="wp">
            <div class="banxin">
                <a href="#"><img src="../images/wp.png" alt=""></a>
                <p><a href="#">店铺设计：</a><span>rosw</span></p>
            </div>
        </div>

        <!-- 七天无理由 -->
        <div id="qtly">
            <div class="banxin">
                <div class="zz">
                    <div class="s">
                        <a href="#">优</a>
                    </div>
                    <div class="sy">
                        <p><a href="#">品质保障</a></p>
                        <p><a href="#">品质护航 购物无忧</a></p>
                    </div>
                </div>
                <div class="zz">
                    <div class="s">
                        <a href="#">七</a>
                    </div>
                    <div class="sy">
                        <p><a href="#">七天无理由退换</a></p>
                        <p><a href="#">为你提供售后无忧保障</a></p>
                    </div>
                </div>
                <div class="zz">
                    <div class="s">
                        <a href="#">特</a>
                    </div>
                    <div class="sy">
                        <p><a href="#">特色服务体验</a></p>
                        <p><a href="#">为你呈现不一样的服务</a></p>
                    </div>
                </div>
                <div class="zz">
                    <div class="s">
                        <a href="#">帮</a>
                    </div>
                    <div class="sy">
                        <p><a href="#">帮助中心</a></p>
                        <p><a href="#">你的购物指南</a></p>
                    </div>
                </div>

            </div>
        </div>

        <!-- 购物指南 -->
        <div id="gwzl">
            <div class="banxin">
                <ul>
                    <li>
                        购物指南
                        <ul>
                            <li><a href="#">免费注册</a></li>
                            <li><a href="#">开通支付宝</a></li>
                            <li><a href="#">支付宝充值</a></li>
                        </ul>
                    </li>
                </ul>
                <ul>
                    <li>
                        天猫保障
                        <ul>
                            <li><a href="#">发票保障</a></li>
                            <li><a href="#">售后规则</a></li>
                            <li><a href="#">缺货赔付</a></li>
                        </ul>
                    </li>
                </ul>
                <ul>
                    <li>
                        支付方式
                        <ul>
                            <li><a href="#">快捷支付</a></li>
                            <li><a href="#">信用卡</a></li>
                            <li><a href="#">余额宝</a></li>
                            <li><a href="#">蚂蚁花呗</a></li>
                            <li><a href="#">货到付款</a></li>
                        </ul>
                    </li>
                </ul>
                <ul>
                    <li>
                        商家服务
                        <ul>
                            <li><a href="#">天猫规则</a></li>
                            <li><a href="#">商家入驻</a></li>
                            <li><a href="#">商家中心</a></li>
                            <li><a href="#">天猫智库</a></li>
                            <li><a href="#">物流服务</a></li>
                            <li><a href="#">喵言喵语</a></li>
                            <li><a href="#">运营服务</a></li>
                        </ul>
                    </li>
                </ul>
                <ul>
                    <li>
                        购物指南
                        <ul>
                            <li><a href="#"><img src="../images/erweima.png" alt=""></a></li>
                        </ul>
                    </li>
                </ul>
                <img src="../images/mm.png" alt="">
            </div>
        </div>


        <div id="bot">
            <div class="banxin">
                <div class="ul1" style="height: 30px;background-color: black;">
                    <ul>
                        <li><a href="#">关于天猫</a></li>
                        <li><a href="#">服务大厅</a></li>
                        <li><a href="#">开放平台</a></li>
                        <li><a href="#">诚聘英才</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">网站合作</a></li>
                        <li><a href="#">法律声明</a></li>
                        <li><a href="#">隐私权政策</a></li>
                        <li><a href="#">知识产权</a></li>
                        <li><a href="#">康正举报</a></li>
                        <li><a href="#">不当竞争举报</a></li>
                    </ul>
                </div>

                <ul>
                    <li><a href="#">阿里集团</a></li>
                    <li><a href="#">淘宝网</a></li>
                    <li><a href="#">天猫</a></li>
                    <li><a href="#">聚划算</a></li>
                    <li><a href="#">全球速麦迪</a></li>
                    <li><a href="#">支付宝</a></li>
                    <li><a href="#">1688</a></li>
                    <li><a href="#">阿里妈妈</a></li>
                    <li><a href="#">飞猪</a></li>
                    <li><a href="#">阿里云计算</a></li>
                    <li><a href="#">AliOS</a></li>
                    <li><a href="#">阿里通信</a></li>
                    <li><a href="#">万网</a></li>
                    <li><a href="#">高德</a></li>
                    <li><a href="#">钉钉</a></li>
                </ul>
                <!-- </div>  -->
                <p><span>增说电信业务经营许可证：浙B2-20110446</span> <span>市场名称登记证：工商网市字3301004119号</span>
                    <span>出版物网络交易平台服务经营备案证：新出发浙备字第2019002号</span>
                </p>
                <p><span>互联网违法信息举报电话: 0571-81683755 blxxjb@alibaba-inc. com</span> <span>互联网药品信息服务资质证书编号:浙(经营性)
                        -2017-0005</span>
                    <span><img src="images/hz.png" alt=""> 浙公网安备33010002000120号
                    </span>
                </p>

                <p><span>医疗器械网络交易服务第三方平台备案:(浙)网械平台备字[2018]第00002号</span> <span></span><span></span></p>

                <p><span>浙江省网络食品销售第三方平台提供者备案:浙网食A33010002
                    </span> <span>12318举报</span>
                    <span>浙B2-20110446-1</span>
                </p>
                <p><span>&copy;2003-现在TMALL.COM版视所有</span></p>
            </div>
        </div>
    </div>
</body>

</html>
<script src="../js/jquery.js"></script>
<script src="../js/fangdajing.js"></script>
<script>
    $(function () {
        getImg();
    })
    
    function getImg() {
        $.get('../images/php/getGoodsList.php', { "typeId": "001" }, function (data) {
            console.log(JSON.parse(data));
            let arr = JSON.parse(data);
            let str = ''
            arr.forEach((item, index) => {
                str = `<a href = '#'><img src = ${item.goodsImg}></a>`
            })
            $('#syt').html(str)
        })
    }
</script>